<template>
    <div class="main-topper-container">
        <logo></logo>
        <search-input></search-input>
        <user-msg></user-msg>
    </div>
</template>

<script>
import logo from "./mainTopper/logo.vue";
import searchInput from "./mainTopper/searchInput.vue";
import userMsg from "./mainTopper/userMsg.vue";
export default {
    name: "mainTopper",
    components:{
        logo,
        searchInput,
        userMsg
    }
}
</script>

<style scoped>
    .main-topper-container {
        width: 100%;
        height: 60px;
        background-color: red;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px #d70000 solid;
    }
</style>